<template>
    <div class="container">
        <ProductItem>
            <template v-slot:media>
                <img src="http://s2.jiguo.com/2d4a1d01-085c-4e0c-83e7-83a2e229372c/640?imageView2/1/w/246/h/138/q/100" alt="">
            </template>
            <template v-slot:content>
                奔图 M6700DW Plus 激光打印机
            </template>
        </ProductItem>

        <product-item>
            <template #media>
                <video 
                    src="//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4"
                    controls
                    width="220px" 
                    heigt="140px"/>
            </template>
            <template #content>
                <strong>
                    大文件传输竞速PK战，华为MateBook究竟有多快
                </strong>
            </template>
        </product-item>
     

    </div>
</template>

<script>
import ProductItem from '@/components/ProductItem.vue'
export default {
  components: { ProductItem },

}
</script>

<style>
    .container{
        display: flex;
    }
</style>